// 判断登录
if (localStorage.getItem('mobile_phone')) {
    $('.toux').attr('src', '../images/index/avatar-a.png')

    $('.nl').css('display', 'none');
    $('.lyes').css('display', 'block')
    $('.txt_info').children('a').css('display', 'none');
    $('.txt_info').children('span').css('display', 'block').end().find('.out').css('display', 'block');
}
if(!localStorage.getItem('mobile_phone')){
    $('.txt_info').children('span').css('display', 'none').end().find('.out').css('display', 'none');
}

$('.shop_search span a').mouseover(function () {
    $(this).css("color", "red")
})
$('.shop_search span a').mouseout(function () {
    $(this).css("color", "gray")
})



// 全部商品的二及导航
$('.categorys_item').mouseenter(function () {
    $(this).addClass('categorys_item_black').siblings().removeClass('categorys_item_black')
    $('.shop_layer').eq($(this).index()).addClass('shop_layer_block');
})
$('.categorys_item').mouseleave(function () {
    $(this).removeClass('categorys_item_black')
    $('.shop_layer').removeClass('shop_layer_block');
})




// 网站导航的移入移除事件
$('#last_right_li').mouseover(function () {
    $(this).css({
        "background-color": "white",
        "border-color": "#D2D2D2",
    })
    $('.website_nav').css('display', "block")
})
$('#last_right_li').mouseout(function () {
    $(this).css({
        "background-color": "#EEEEEE",
        "border-color": "#eee",
    })
    $('.website_nav').css('display', "none")
})

// 输入框事件
$('.search_inp').focus(function () {
    $(this).attr("placeholder", "")
})
$('.search_inp').blur(function () {
    if ($(this).val() == 0) {
        $(this).attr("placeholder", "周大福")
    }
})

// $('#car_picture').mouseenter(function() {
//     $('.cart_num').addClass('cart_num1')
// })
// $('#car_picture').mouseleave(function() {
//         $('.cart_num').removeClass('cart_num1')
//     })
// 点击购物车.会出来

var sum = 1
$('#car_picture').click(function () {
    sum++
    if (sum % 2 == 0) {

        $(this).addClass('car_picture1')
        $('.cart_num').addClass('cart_num1')
        $('.aside_all').stop().animate({
            right: 0
        }, 500)

    } else {
        $('.aside_all').stop().animate({
            right: -280
        }, 500)
        $(this).removeClass('car_picture1')
        $('.cart_num').removeClass('cart_num1')
    }
})

$('.but_close').click(function () {
    sum++
    $('.aside_all').stop().animate({
        right: -280
    }, 500)
    $("#car_picture").removeClass('car_picture1')
    $('.cart_num').removeClass('cart_num1')
})



// 侧边栏放上去变红
$('.aside_left li').mouseenter(function () {
    $(this).addClass('red_mouseenter')
})
$('.aside_left li').mouseleave(function () {
    $(this).removeClass('red_mouseenter')
})



// 地图
$('.english_words a').mouseover(function () {


    var lis = $(this).index();
    // console.log(i);
    // var juli = $('.list').eq(lis).position().top;
    // console.log(juli);
    // console.log($('.downtown_choice').scrollTop());
    $('.downtown_choice').stop().animate({
        scrollTop: lis * 50
    }, 200)
})











// 有商品的购物车


// 创建存储商品区域
$(`
<ul class="cart_list">
</ul>
`).appendTo('.aside_right')


// 侧边栏渲染购物车数据
var cart = JSON.parse(localStorage.getItem('cart'));
$.each(cart, function (index, value) {
    // console.log(value);
    $(`
    
    <li class="cart_item">
            <img src="${value.goodurls.nowurl}" width="80px" height="80px" alt="">
            <div class="cart_detail">
                <p>${value.goodtitle}</p>
                <span>￥${value.goodprice}</span>
            </div>
            <div class="cart_num2">
                <div class="bai" data-gid="${value.goodid}">-</div>
                <div class="cart_bailan" ">${value.num}</div>
                <div class="lan" data-gid="${value.goodid}">+</div>
            </div>
    </li>
    `).appendTo('.cart_list')
})






$('.last_money').children('span').children('span').text(cart.length);
$('.cart_num').text(cart.length);
$('.o').text(cart.length)
$('.goods_num').text(cart.length)


// 如果购物车中有商品
// if (JSON.parse(localStorage.getItem('cart')).length!=0 || !localStorage.getItem('cart')) {
//     $('.shop_car_content').css('padding', 0);
//     $('.buy_left').css('display', 'none');
//     $('.buy_right').css('display', 'none');
//     $('.shop_car_top').css({
//         height: '345px',
//         overflow: 'hidden',
//     });
//     $('.shop_car_content').css('width', '300px');
//     var goods = JSON.parse(localStorage.getItem('cart'));
//     $.each(goods, function (index, value) {
//         if (index <= 3) {

//             $(`
//             <div class="buy_list">
//                 <img src="${value.goodurls.nowurl}" width="50px" height="50px" alt="">
//                 <p>${value.goodtitle}</p>
//                 <div>
//                     <span>${value.num}</span>
//                     <i class="jian" data-gid="${value.goodid}">-</i>
//                     <i class="jia" data-gid="${value.goodid}">+</i>
//                 </div>
//                 <h5 data-price="${value.goodprice}">￥${value.goodprice * value.num}</h5>
//             </div>
//             `).appendTo('.shop_car_content');
//         }

//     })
//     $(`<div  style="width:280px;height:50px;line-height:30px;text-align:center;font-size:12px;color:#fff; padding:10px; box-sizing:border-box;">
//         <span style="float:left; color:#666; ">共<i>4</i>件商品，共计：<u>4000</u></span>
//         <div class="goCart" style="width:80px;height:30px;border:1px solid red;float:right; color:red;">去购物车</div>
//     </div>`).appendTo('.shop_car_content')
// }
function upCartgoods(){
    if (JSON.parse(localStorage.getItem('cart')).length!=0 || !localStorage.getItem('cart')) {
        $('.shop_car_content').children().remove();
        $('.shop_car_content').css('padding', 0);
        $('.buy_left').css('display', 'none');
        $('.buy_right').css('display', 'none');
        $('.shop_car_top').css({
            height: '345px',
            overflow: 'hidden',
        });
        $('.shop_car_content').css('width', '300px');
        var goods = JSON.parse(localStorage.getItem('cart'));
        $.each(goods, function (index, value) {
            if (index <= 3) {
    
                $(`
                <div class="buy_list">
                    <img src="${value.goodurls.nowurl}" width="50px" height="50px" alt="">
                    <p>${value.goodtitle}</p>
                    <div>
                        <span>${value.num}</span>
                        <i class="jian" data-gid="${value.goodid}">-</i>
                        <i class="jia" data-gid="${value.goodid}">+</i>
                    </div>
                    <h5 data-price="${value.goodprice}">￥${value.goodprice * value.num}</h5>
                </div>
                `).appendTo('.shop_car_content');
            }
    
        })
        $(`<div  style="width:280px;height:50px;line-height:30px;text-align:center;font-size:12px;color:#fff; padding:10px; box-sizing:border-box;">
            <span style="float:left; color:#666; ">共<i>4</i>件商品，共计：<u>4000</u></span>
            <div class="goCart" style="width:80px;height:30px;border:1px solid red;float:right; color:red;">去购物车</div>
        </div>`).appendTo('.shop_car_content')
    }
}
upCartgoods();

console.log($('.buy_list i'));
$('.jian').click(function () {
    var num = Number($(this).siblings('span').text()) - 1;
    var id = $(this).data('gid');
    if (num > 0) {
        $(this).siblings('span').text(num);
        upCart(id, num)
        var price = $(this).parent().next().data('price');
        $(this).parent().next().text('￥'+price * num);
        upPrice();
        $('.cart_item').eq($(this).parents('.buy_list').index()).find('.cart_bailan').text(num);
    }
})
$('.jia').click(function () {
    var num = Number($(this).siblings('span').text()) + 1;
    var id = $(this).data('gid');
    $(this).siblings('span').text(num);
    upCart(id, num);
    var price = $(this).parent().next().data('price');
    $(this).parent().next().text('￥'+price * num);
    upPrice();
    console.log($(this).parents('.buy_list').index());
    $('.cart_item').eq($(this).parents('.buy_list').index()).find('.cart_bailan').text(num);
})
$('.goCart').click(function () {
    location.assign('../page/cart.html');
})



// console.log($('.cart_num'));

// 减少商品数量
$('.bai').click(function () {
    var num = Number($(this).next().text()) - 1;
    var gid = $(this).data('gid');
    if (num <= 0) {
        return;
    } else {
        $(this).next().text(num);
        upCart(gid, num);
        upPrice();
        $('.buy_list').eq($(this).parents('.cart_item').index()).find('span').text(num);
    }
})


$('.lan').click(function () {
    var num = Number($(this).prev().text()) + 1;
    var gid = $(this).data('gid');
    $(this).prev().text(num);
    upCart(gid, num);
    upPrice();
    console.log($('.buy_list').eq($(this).parents('.cart_item').index()));
    
    $('.buy_list').eq($(this).parents('.cart_item').index()).find('span').text(num);
})
$('.buy_list i').eq(0).click(function () {
    console.log($(this))
})

// 更新购物车商品对应数量
function upCart(id, num) {
    $.each(cart, function (index, value) {
        if (value.goodid == id) {
            value.num = num;
            localStorage.setItem('cart', JSON.stringify(cart))
        }
    })
}



if (JSON.parse(localStorage.getItem('cart')).length!=0 || !localStorage.getItem('cart')) {
    $('.no_shopping').css('display', 'none');
}



// 获取商品总价
function upPrice() {
    var sumPrice = 0;
    var carta = JSON.parse(localStorage.getItem('cart'));
    cart = carta;
    $.each(cart, function (index, value) {
        sumPrice += Number(value.goodprice) * value.num;
    })
    $('.font_red i').text(sumPrice);
    $('.goCart').prev().find('u').text(sumPrice)
}
upPrice();


$('.goCart').prev().find('i').text(cart.length);
$('.shop_car_top').css('box-sizing','content-box');
$('.shop_car_top').find('*').css('box-sizing','content-box');